<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/lib-flexible.js"></script>
</head>

<body>
    <div class="top">
        <div class="radius" style="margin-left: 1.7188vw;"> </div>
        <div class="radius"> </div>
        <div class="radius"> </div>
        <div class="radius"> </div>
        <div class="radius"> </div>
        <div class="content">中国联通</div>
        <i class="iconfont icon-WIFI"></i>
        <div class="time">11:13</div>
        <i class="iconfont icon-suoping"></i>
        <i class="iconfont icon-naozhong"></i>
        <div class="sub">78%</div>
        <i class="iconfont icon-dianchi"></i>

    </div>
    <div class="nav">
        <div class="lot">
            <div class="hot">热点</div>
            <div class="click">关注</div>
        </div>

    </div>
    <div class="football">
        <ul class="foots">
            <li style="  color: #0dc441; border-bottom: 3px solid #0dc441;
    box-sizing: border-box;">足球现场</li>
            <li>足球生活</li>
            <li>足球美女</li>
        </ul>
    </div>
    <div class="img">
        <div class="inner"><img src="./images/w1.jpeg" alt="">
            <p>小丸子啊小丸子！</p>
        </div>
        <div class="inner"><img src="./images/w2.jpeg" alt="">
            <p>萌萌哒小丸子啊萌萌...</p>
        </div>
        <div class="inner"><img src="./images/w1.jpeg" alt="">
            <p>小丸子啊小丸子！</p>
        </div>
        <div class="inner"><img src="./images/w2.jpeg" alt="">
            <p style="color: #0dc441;">萌萌哒小丸子啊萌萌...</p>
        </div>
        <div class="inner"><img src="./images/w1.jpeg" alt="">
            <p>小丸子啊小丸子！</p>
        </div>
        <div class="inner"><img src="./images/w2.jpeg" alt="">
            <p>萌萌哒小丸子啊萌萌...</p>
        </div>
    </div>
    <div class="xiang">
        <ul class="ss">
            <li>
                <i class="iconfont icon-shouye"></i>
                首页
            </li>
            <li>
                <i class="iconfont icon-fangdajing"></i>
                发现
            </li>
            <li style="margin: 0;padding: 0;">
                <div class="yuan">
                </div>
                <i class="iconfont icon-zhaoxiangji-yuan-tianchong"></i>

            </li>
            <li>
                <i class="iconfont icon-wodedangxuan"></i>
                我的
            </li>
            <li>
                <i class="iconfont icon-tuichu"></i>
                退出
            </li>
        </ul>
    </div>
</body>

</html>